<template>
	<view class="label-value-wrap" :style="{color,size,'line-height':height}">
		<text class="label" :style="{'width':labelWidth}">
			{{label}}
		</text>
		<text class="colon" v-if="!notColon">
			：			
		</text>
		<slot></slot>
		<text class="value" :style="{color: valueColor ? valueColor : color, size : valueSize ? valueSize : size }">
			{{value}}			
		</text>
	</view>
</template>
<script>
export default {
	name: '',
	props: {
		label: { type: String, default: '' },
		value: { type: String, default: '' },
		notColon: { type: Boolean, default: false },
		color: { type: String, default: '#8D98AF' },
		size:  { type: String, default: '24rpx' }, 
		height: { type: String, default: '50rpx' }, 
		labelWidth: { type: String, default: 'auto' },
		valueColor: {type: String, default: '' },
		valueSize: {type: String, default: '' }
	}
}
</script>
<style lang="less">
.label-value-wrap{
	.label{
		display: inline-block;
	}
	// line-height: 50rpx;
	// color: #8D98AF;
	// font-size: 24rpx;
}
</style>